import Head from 'next/head';
import Examples from '../../../example-groups/RemoteFetchingExamples';

<Head>
  <title>{'Remote Data Fetching Example - Material React Table V3 Docs'}</title>
  <meta
    name="description"
    content="An example of Material React Table which shows how to fetch remote data and filter and paginate on a remote server"
  />
  <meta
    property="og:title"
    content="Remote Data Fetching with Material React Table Example"
  />
  <meta
    property="og:description"
    content="Learn best practices with Remote Data Fetching with Material React Table"
  />
</Head>

## Remote Data Fetching Example

You will most likely be using a remote data source for your table, which is fully supported. Here is an example of data being fetched from a remote server but also filtered, paginated, and sorted on the server.

Also, be sure to check out the [React Query Example](/docs/examples/react-query), which is very similar to this one, except it uses react-query to simplify much of the state management needed for fetching data, so that you don't need to fetch from a `useEffect` hook.

<Examples isPage />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/prop-playground--default)**
